$(function () {
    // 1.给搜索按钮绑定事件
    // 2.点击搜索按钮的时候 拿输入框的值

    $('#searchBtn').on('tap', function () {
        var arr = [];
        var val = $('#keyword').val();
        if (val.length <= 0) {
            // 3 判断输入框里是否输入值 如果没有输入 给出提示
            alert('请输入你想要的内容');
            return;
        }  
        if (localStorage.getItem('keyword')) {
            // 把之前的取出来
            arr = JSON.parse(localStorage.getItem('keyword'))
            // 把输入发关键字跟之前的一起放在数组里
            arr.push(val);
            // console.log(arr);
            // 把所有的存入本地缓存
            localStorage.setItem('keyword', JSON.stringify(arr));
    
        }else {
            // 判断如果之前没有 那么就把这次输入的关键字存入
            arr.push(val);
            console.log(val);
            
            localStorage.setItem('keyword',JSON.stringify(arr))
        }
         //跳转页面
         window.location.href = 'search-list.html?key=' + val;  //key=' + val 传参
        // else {
        //     // 4 如果有值 我们就把值进行本地缓存
        //     // 本地缓存只能存储字符串
        //     // localStorage.setItem('key',val);
        //     // var arr=[];
        //     arr.push(val);
        // }

    })

   

    /*
    * 1 一进来如果有搜索历史数据 那么应该展示历史数据
    *
    * 
    * 
    */
    if (localStorage.getItem('keyword')) {
        var vals = JSON.parse(localStorage.getItem('keyword'));
        console.log(vals);

        var obj = {
            rows:vals
        }
        var htmls = template('oldData', obj);
        console.log(htmls);
        $('#ulBox').html(htmls);

    }

        $('#clearOld').on('tap',function(){
            localStorage.removeItem('keyword');
            $('#keyword').val('');
            $('#ulBox').html('')
        })
})